/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 3701776 */
    src: url('//at.alicdn.com/t/c/font_3701776_egtcbyj74a9.woff2?t=1666178306086') format('woff2'),
         url('//at.alicdn.com/t/c/font_3701776_egtcbyj74a9.woff?t=1666178306086') format('woff'),
         url('//at.alicdn.com/t/c/font_3701776_egtcbyj74a9.ttf?t=1666178306086') format('truetype');
  }
//   主模块
.main{
    margin-top: 10px;
    height: 455px;
    .focus{
        float: left;
        width: 720px;
        height: 455px;
        margin-left: 220px;
    }
    .newsFlash{
        float: right;
        width: 250px;
        height:455px;
        .news{
            height: 165px;
            border: 1px solid #e4e4e4;
            .hd{
                font-size: 14px;
                height: 31px;
                line-height: 31px;
                border-bottom: 1px dotted #e4e4e4;
                padding: 0 15px;
                h5{
                    float: left;
                }
                .more{
                    float: right;
                    &::after{
                        content: "\e617";
                        font-family: "iconfont";
                        margin-left: 3px;
                    }
                }
            }
            .bd{
                padding: 3px 0 0 15px;
                ul li{
                    height: 25px;
                    line-height: 25px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    a{
                        font-size: 12px;
                        color: black;
                    }
                }
            }
        }
        .lifeService{
            position: relative;
            height: 209px;
            border: 1px solid #e4e4e4;
            border-top: none;
            overflow: hidden;
            ul{
                width: 252px;
            }
            ul li{
                float: left;
                width: 63px;
                height: 70px;
                border-right: 1px solid #e4e4e4;
                border-bottom: 1px solid #e4e4e4;
                text-align: center;
                .jian{
                    position: absolute;
                    top: 0;
                    left: 111px;
                }
                i{
                    margin-top: 14px;
                    display: inline-block;
                    width: 20px;
                    height: 25px;
                    background-color: red;
                    background: url(../images/icons.png) no-repeat -18px -16px;
                }
                p{
                    margin-top: 5px;
                    font-size: 12px;
                    color: #333333;
                }
            }
        }
        .bargain{
            margin-top: 5px;
        }
    }
}
// 今日推荐
.recom{
    margin-top: 12px !important;
    height: 163px;
    .hd{
        float: left;
        text-align: center;
        width: 205px;
        height: 163px;
        background-color: #5c5251;
        padding-top: 30px;
    }
    .bd{
        height: 163px;
        background-color: #ebebeb;
        ul li{
            position: relative;
            float: left;
            width: 247px;
            height: 163px;
            background-color: aqua;
            &:nth-child(-n+3)::after{
                content: "";
                position: absolute;
                top: 10px;
                right: 0;
                width: 1px;
                height: 145px;
                background-color: #dddddd;
            }
        }
    }
}
// 猜你喜欢
.like{
    margin-top: 30px !important;
    height: 265px;
    .box_hd{
        height: 30px;
        line-height: 30px;
        h4{
            float: left;
            font-size: 18px;
            font-weight: 500;
            color: #333333;
        }
        .change{
            float: right;
            font-size: 12px;
            color: #666666;
            &::after{
                content: "\e61c";
                font-family: "iconfont";
                margin-right: 15px;
                margin-left: 8px;
            }
        }
    }
    .box_bd{
        height: 235px;
        border: 1px solid #ededed;
        ul li{
            float: left;
            width: 198px;
            height: 235px;
            &:nth-child(2){
                .img_ad{
                    margin-top: 17px;
                }
            }
            &:nth-child(3){
                .img_ad{
                    margin-top: 11px;
                    margin-left: 62px;
                }
            }
            &:nth-child(4){
                .img_ad{
                    margin-top: 79px;
                    margin-left: 34px;
                }
            }
            &:nth-child(5){
                .img_ad{
                    margin-top: 8px;
                    margin-left: 34px;
                }
            }
            &:nth-child(6){
                .img_ad{
                    margin-top: 11px;
                    margin-left: 64px;
                }
            }
            .info{
                padding: 0 35px 0 35px;
                border-right: 1px solid #ededed;
                p{
                    margin-bottom: 10px;
                    font-size: 12px;
                    color: #666666;
                    line-height: 20px;
                }
                .price{
                    font-size: 18px;
                    color: #df3033;
                }
            }
           
        }
    }
}
// 楼层
.floor{
    .w{
        margin-top: 30px;
    }
    // 家用电器层
    .dianqi{
        .box_hd{
            height: 30px;
            border-bottom: 2px solid #c81623;
            h5{
                float: left;
                font-size: 18px;
                color: #c81623;
            }
            .tab_list{
                float: right;
                li{
                    float: left;
                    a{
                        margin: 0 15px;
                        font-size: 12px;
                        color: #666666;
                    }
                }
            }
             
        }
        .box_bd{
            height: 361px;
            .tab_content{
                .tab_list_item>div{
                    float: left;
                    height: 361px;
                }
                .bb{
                    // 一般情况下，a如果包含有宽度的盒子，a需要转为块级元素
                    display: block;
                    border-bottom: 1px solid #ededed;
                }
                .col_209{
                    text-align: center;
                    width: 209px;
                    background-color: #f9f9f9;
                    .ad1{
                        float: left;
                        margin-top: 30px;
                        margin-left: 30px;
                    }
                    ul{
                        padding-left: 12px;
                    }
                    ul li{
                        float: left;
                        margin-right: 10px;
                        width: 85px;
                        height: 35px;
                        line-height: 35px;
                    }
                    ul li a{
                        font-size: 12px;
                        color: #666666;
                    }
                }
                .col_330{
                    width: 330px;
                }
                .col_219{
                    width: 221px;
                    border-right: 1px solid #ededed;
                }
                .col_218{
                    width: 218px;
                }
            }
           
        }
    }
      // 手机层
    .shouji{
        .box_hd{
            height: 30px;
            border-bottom: 2px solid #c81623;
            h5{
                float: left;
                font-size: 18px;
                color: #c81623;
            }
            .tab_list{
                float: right;
                li{
                    float: left;
                    a{
                        margin: 0 15px;
                        font-size: 12px;
                        color: #666666;
                    }
                }
            }
             
        }
        .box_bd{
            height: 361px;
            .tab_content{
                .tab_list_item>div{
                    float: left;
                    height: 361px;
                }
                .bb{
                    // 一般情况下，a如果包含有宽度的盒子，a需要转为块级元素
                    display: block;
                    border-bottom: 1px solid #ededed;
                }
                .col_209{
                    text-align: center;
                    width: 209px;
                    background-color: #f9f9f9;
                    .ad1{
                        float: left;
                        margin-top: 30px;
                        margin-left: 30px;
                    }
                    ul{
                        padding-left: 12px;
                    }
                    ul li{
                        float: left;
                        margin-right: 10px;
                        width: 85px;
                        height: 35px;
                        line-height: 35px;
                    }
                    ul li a{
                        font-size: 12px;
                        color: #666666;
                    }
                }
                .col_330{
                    width: 330px;
                }
                .col_219{
                    width: 221px;
                    border-right: 1px solid #ededed;
                }
                .col_218{
                    width: 218px;
                }
            }
           
        }
    }
          // 手机层
    .diannao{
            .box_hd{
                height: 30px;
                border-bottom: 2px solid #c81623;
                h5{
                    float: left;
                    font-size: 18px;
                    color: #c81623;
                }
                .tab_list{
                    float: right;
                    li{
                        float: left;
                        a{
                            margin: 0 15px;
                            font-size: 12px;
                            color: #666666;
                        }
                    }
                }
                 
            }
            .box_bd{
                height: 361px;
                .tab_content{
                    .tab_list_item>div{
                        float: left;
                        height: 361px;
                    }
                    .bb{
                        // 一般情况下，a如果包含有宽度的盒子，a需要转为块级元素
                        display: block;
                        border-bottom: 1px solid #ededed;
                    }
                    .col_209{
                        text-align: center;
                        width: 209px;
                        background-color: #f9f9f9;
                        .ad1{
                            float: left;
                            margin-top: 30px;
                            margin-left: 30px;
                        }
                        ul{
                            padding-left: 12px;
                        }
                        ul li{
                            float: left;
                            margin-right: 10px;
                            width: 85px;
                            height: 35px;
                            line-height: 35px;
                        }
                        ul li a{
                            font-size: 12px;
                            color: #666666;
                        }
                    }
                    .col_330{
                        width: 330px;
                    }
                    .col_219{
                        width: 221px;
                        border-right: 1px solid #ededed;
                    }
                    .col_218{
                        width: 218px;
                    }
                }
               
            }
    }
    
   
}